<template>
  <div class="item-input">
    <el-time-select
      :picker-options="pickerOptions"
      v-model="Val"
      placeholder="选择时间"
    >
    </el-time-select>
  </div>
</template>

<script>
export default {
  name: "TimePicker",
  data() {
    return {
      Val: "",
    };
  },
  props: {
    value: {
      type: [String, Date],
      default: () => "",
    },
    pickerOptions: {
      type: Object,
      default: () => {},
    },
    change: {
      type: Function,
      default: () => () => {},
    },
  },
  watch: {
    Val: function (newVal) {
      this.$emit("update:value", newVal);
    },
    value: {
      handler: function (val) {
        this.Val = val;
      },
      immediate: true,
      deep: true,
    },
  },
  methods: {
    none() {
      return false;
    },
  },
};
</script>


<style scoped lang="less">
</style>
